{extend name="index_base" /}
{block name="seo"}
<title>发布帖子|{$site_config['site_title']}|{$site_config['seo_title']}</title>


<meta name="keywords" content="{$site_config['seo_keyword']}">
<meta name="description" content="{$site_config['seo_description']}">
{/block}
{block name="css"}
<link rel="stylesheet" href="__PUBLIC__/wangEditor/css/wangEditor.min.css">
<script type="text/javascript" src="__PUBLIC__/js/jquery-1.9.1.min.js"></script>
<style type="text/css">
    .tpt_sels a {
        padding-right: 15px;
        position: relative
    }

    .tpt_sels a {
        padding: 0 20px 0 8px;
        color: #3B6268;
        background: #FFFFBA;
        border: 1px #F8E06E solid;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        display: block;
        float: left
    }

    .tpt_pres a.selected {
        padding: 0 8px;
        color: #3B6268;
        background: #FFFFBA;
        border: 1px #F8E06E solid;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        display: block;
        float: left
    }

    .tpt_pres a {
        padding: 0 8px;
        color: #fff;
        background: #5AC7A9;
        border: 1px #5AC7A9 solid;
        margin-right: 5px;
        margin-bottom: 5px;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        display: block;
        float: left
    }

    .tpt_sels a em {
        width: 12px;
        height: 12px;
        font-style: normal;
        display: block;
        position: absolute;
        top: 7px;
        right: 4px;
        z-index: 2;
        background: url(__PUBLIC__/images/sx.png) no-repeat 0 0;
    }

    .cl {
        zoom: 1
    }

    .cl:after {
        content: '\20';
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }

    .wangEditor-menu-container .menu-item a {
        padding: 12px 0;
    }

    .wangEditor-menu-container .menu-item {
        height: 37px;
        width: 37px;
    }

    .wangEditor-menu-container .menu-group {
        padding: 0;
    }

    .wangEditor-container {
        border: 1px solid #e6e6e6;
    }
</style>
{/block}
{block name="body"}
<div class="main layui-clear">
    <div class="fly-panel" pad20>
        <h2 class="page-title">发布帖子</h2>

        <div class="layui-form layui-form-pane">
            <form method="post">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">板块</label>
                        <div class="layui-input-block">
                            <select name="tid">
                                <option value="0">请选择版块</option>

                                {volist name="tptc" id="vo"}
                                <option value="{$vo.id}">{$vo.name}</option>
                                {/volist}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_title" class="layui-form-label">标题</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" required lay-verify="required|titlea|titleb" autocomplete="off"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <div class="layui-input-block">
                        <textarea id="textarea" name="content" style="height:400px;width: 100%;"></textarea>
                    </div>
                    <label for="L_content" class="layui-form-label" style="top: -2px;">内容</label>
                </div>

                {:hook('forumaddattach')}

                <div class="tpt_item">
                    <input type="hidden" name="keywords" value="">
                    <div id="tpt_sel" class="tpt_sels" style="margin-top: 20px;">
			<span style="margin-bottom: 5px;float: left;">
			</span>
                        <div class="layui-form-item" style="margin-bottom: 10px;">
                            <label class="layui-form-label">标签</label>
                            <div class="layui-input-block">
                                <input id="tpt_input" type="text" value="" autocomplete="off" class="layui-input"
                                      >
                                <button class="layui-btn" id="tpt_btn" type="button" style="background: #FF5722;">添加标签
                                </button>
                            </div>
                        </div>
                    </div>
                    <div id="tpt_pre" class="tpt_pres cl" style="margin-bottom: 15px;">
                        {volist name="tagss" id="tag"}
                        {if condition="$tag neq ''"}<a href="javascript:;">{$tag}</a>{/if}
                        {/volist}
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" lay-submit="" lay-filter="forum_add">立即发布</button>
                    </div>
            </form>
        </div>
    </div>
</div>
{/block}
{block name="script"}

<script type="text/javascript" src="__PUBLIC__/wangEditor/js/wangEditor.min.js"></script>
<script type="text/javascript">

    $(function () {
        $('#tpt_input').keydown(function (e) {
            if (e.which === 13) {
                $("#tpt_btn").click();
                e.preventDefault();
                return false;
            }
        });
        $("#tpt_sel").on('click', 'a>em', function () {
            var name = "keywords";
            var tag = $(this).parent().text();
            $(this).parent().remove();
            var tags = new Array();
            $("#tpt_sel").find('a').each(function () {
                tags.push($(this).text());
            });
            $("input[name=" + name + "]").val(tags.join(","));
            $("#tpt_pre a:contains('" + tag + "')").removeClass("selected");
        });
        $("#tpt_btn").click(function () {
            var name = "keywords";
            var tags = $.trim($("input[name=" + name + "]").val());
            if (tags !== "") {
                tags = tags.split(",");
            } else {
                tags = new Array();
            }
            var tag = $.trim($("#tpt_input").val());
            if (tag !== '' && $.inArray(tag, tags) === -1) {
                tags.push(tag);
                $("#tpt_pre a:contains('" + tag + "')").addClass("selected");
            }
            $("#tpt_sel").children('span').empty();
            $.each(tags, function (k, v) {
                $("#tpt_sel").children('span').append('<a href="javascript:;">' + v + '<em></em></a>');
            });
            $("input[name=" + name + "]").val(tags.join(","));
            $("#tpt_input").val('');
        });
        $("#tpt_pre").on('click', 'a:not(.selected)', function () {
            var name = "keywords";
            var tags = $.trim($("input[name=" + name + "]").val());
            if (tags !== "") {
                tags = tags.split(",");
            } else {
                tags = new Array();
            }
            var tag = $.trim($(this).text());
            if (tag !== '' && $.inArray(tag, tags) === -1) {
                tags.push(tag);
            }
            $("#tpt_sel").children('span').empty();
            $.each(tags, function (k, v) {
                $("#tpt_sel").children('span').append('<a href="javascript:;">' + v + '<em></em></a>');
            });
            $("input[name=" + name + "]").val(tags.join(","));
            $(this).addClass('selected');
        });
    });


</script>
<script type="text/javascript">
    var editor = new wangEditor('textarea');
    editor.config.uploadImgUrl = '{:url("index/forum/doUploadPic")}';
    editor.config.uploadImgFileName = 'FileName';

    editor.config.menus =[
        '|',
        'fontfamily',
        'fontsize',
        'unorderlist',
        'orderlist',
        'alignleft',
        'aligncenter',
        'alignright',
        '|',
        'link',
        'emotion',
        '|',
        'img',
        'location',
        '|',
    ];
    editor.config.pasteText = false;
    editor.create();
</script>
<script>
    layui.use('form', function () {
        var form = layui.form()
            , jq = layui.jquery;

        form.verify({
            titlea: function (value) {
                if (value.length < 1) {
                    return '标题必须大于1位';
                }
            }
            , titleb: function (value) {
                if (value.length > 32) {
                    return '标题必须小于32位';
                }
            }
        });

        form.on('submit(forum_add)', function (data) {
            loading = layer.load(2, {
                shade: [0.2, '#000']
            });
            //  data.filed.content=jq('#textarea').val();
            var param = data.field;

            jq.post('{:url("forum/add")}', param, function (data) {

                if (data.code == 200) {
                    layer.close(loading);
                    layer.msg(data.msg, {icon: 1, time: 1000}, function () {
                        location.href = "{:url('index/index')}";
                    });
                } else {
                    layer.close(loading);
                    layer.msg(data.msg, {icon: 2, anim: 6, time: 1000});
                }
            });
            return false;
        });

    })
</script>
{/block}